<#assign module="order"/>

<@override name="header">
<link href="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" />
</@override>
<@override name="body">
	<div class="tabbable tabs-left">
		<div class="row">
			<div class="col-xs-12">
				<div class="orders-navt">
					<ul class="orders-nav">
						<@shiro.hasPermission name='orderrealtime'>
		                	<li class="orders-click"><a href="${ctx}/order/realtime">时效</a></li>
		                </@shiro.hasPermission>
		                <@daijia>
			                <@shiro.hasPermission name='order'>
			                	<li class="orders-notclick"><a href="${ctx}/order/daijialist">代驾</a></li>
			                </@shiro.hasPermission>
		                </@daijia>
		                <@zhuan>
			                <@shiro.hasPermission name='zhuan'>
			                	<li class="orders-notclick"><a href="${ctx}/zhuanche/orderlist">专车</a></li>
			                </@shiro.hasPermission>
		                </@zhuan>
		                <@pao>
			                <@shiro.hasPermission name='errand'>
		                		<li class="orders-notclick"><a href="${ctx}/errand/errandList" >跑腿</a></li>
		                	</@shiro.hasPermission>
	                	</@pao>
	                	<@freight>
		                	<@shiro.hasPermission name='freight'>
			                	<li class="orders-notclick"><a href="${ctx}/freight/freightList" >货运</a></li>
			                </@shiro.hasPermission>
		                </@freight>
	                	<@zhuanxian>
		                	<@shiro.hasPermission name='zhuanxian'>
			                	<li class="orders-notclick" style="width:100px;"><a href="${ctx}/zhuanxian/orderList" >快车</a></li>
			                </@shiro.hasPermission>
		                </@zhuanxian>
	                	<li class="orders-notclick"><a href="${ctx}/driverrefuserecord/list">拒单</a></li>
		            </ul>
			  		
				</div>
				<p style="padding-top:4px;">距离下次刷新还有：<font color="red" id="refresh_time">60</font>秒</p>
				<div class="orders-navh">
					<button type="button" class="add" onclick="window.open('${ctx}/order/add', '_blank', 'height=770,width=1220,scrollbars=yes,resizable=yes,alwaysRaised=yes,toolbar=no');"><b>+</b>&nbsp;&nbsp;添加订单</button>
				</div>
			</div>
			<div class="col-xs-1">
			</div>
		</div>
	</div>
	
	<div class="margin-top">
	</div>
		
	<@daijia>
	<@shiro.hasPermission name='order'>
		<#if newlist?? && (newlist?size>0)>
		<div class="panel panel-info">
			<div class="panel-heading">新工单</div>
			<div class="table-responsive">
				<table class="table table-condensed table-striped">
					<tr style="font-size:14px;">
						<th>单号</th>
						<th>类型</th>
						<th>来源</th>
						<th>预约时间</th>
						<th>预约地</th>
						<th>客户姓名</th>
						<th>客户电话</th>
						<th style="width:50px;">备注</th>
						<th>操作</th>
					</tr>
					<#list newlist as data>
					<tr class="grid-data tr-hui">
						<td>
							<a href="${ctx}/order/detail/${data.id}" class="btn-link">***${data.orderNumber?substring(8)}</a>
							<@zhuan>
								<#if data.orderCarType=="daijia">
									<span class="label label-danger status-td">代</span>
								<#elseif data.orderCarType=="zhuanche">
									<span class="label label-warning status-td">专</span>
								</#if>
							</@zhuan>
							<#if data.insurance??>
								<span class="label label-success status-td baoxian" title="${data.insurance.pinganNo?if_exists}#${data.insurance.insuranceNo?if_exists}">保</span>
							</#if>
						</td>
						<td>${data.orderType?if_exists}</td>
						<td>${data.fromSource?if_exists}</td>
						<td>${data.serverTime?string('MM/dd HH:mm')}</td>
						<td style="max-width:300px;">${data.fromPlace?if_exists}</td>
						<td>${data.clientName?if_exists}</td>
						<td>${data.clientPhone?if_exists}</td>
						<td style="max-width:300px;">${data.memo?if_exists}</td>
						<td>
							<a href="javascript:;" data-value="${data.id}" class="btn-link daijia-paidan">派单</a>
							<a href="javascript:;" data-value="${data.id}" class="btn-link cancelthis">销单</a>
							<a href="javascript:;" data-value="${data.id}" data-value-memo="${data.memo?if_exists}" class="btn-link memothis">备注</a>
							<a href="javascript:;" class="btn-link" onclick="window.open('${ctx}/order/addmore/${data.id}', '_blank', 'height=770,width=1220,scrollbars=yes,resizable=yes,alwaysRaised=yes,toolbar=no');">追加</a>
						</td>
					</tr>
					</#list>
				</table>
			</div>
		</div>
		</#if>
		
		<#if paidanlist?? && (paidanlist?size>0)>
		<div class="panel panel-warning">
			<div class="panel-heading">已派单</div>
			<div class="table-responsive">
				<table class="table table-condensed table-striped">
					<tr style="font-size:14px;">
						<th>单号</th>
						<@shiro.isMainCompany>
						<th>所属公司</th>
						</@shiro.isMainCompany>
						<th>类型</th>
						<th>来源</th>
						<th>预约时间</th>
						<th>预约地</th>
						<th>客户姓名</th>
						<th>客户电话</th>
						<th>接单服务人员</th>
						<th>服务人员电话</th>
						<th>操作</th>
					</tr>
					<#list paidanlist as data>
					<tr>
						<td>
							<a href="${ctx}/order/detail/${data.id}" class="btn-link">***${data.orderNumber?substring(8)}</a>
							<@zhuan>
								<#if data.orderCarType=="daijia">
									<span class="label label-danger status-td">代</span>
								<#elseif data.orderCarType=="zhuanche">
									<span class="label label-warning status-td">专</span>
								</#if>
							</@zhuan>
							<#if data.insurance??>
								<span class="label label-success status-td baoxian" title="${data.insurance.pinganNo?if_exists}#${data.insurance.insuranceNo?if_exists}">保</span>
							</#if>
						</td>
						<@shiro.isMainCompany>
						<td>${data.company.abbreviation?if_exists}</td>
						</@shiro.isMainCompany>
						<td>${data.orderType?if_exists}</td>
						<td>${data.fromSource?if_exists}</td>
						<td>${data.serverTime?string('MM/dd HH:mm')}</td>
						<td style="max-width:280px;">${data.fromPlace?if_exists}</td>
						<td>${data.clientName?if_exists}</td>
						<td>${data.clientPhone?if_exists}</td>
						<td>
							${data.driverRealName?if_exists}
						</td>
						<td>
							${data.driverPhone?if_exists}
						</td>
						<td>
							<a href="javascript:;" data-value="${data.id}" class="btn-link cancelthis">销单</a>
							<a href="javascript:;" data-value="${data.id}" class="btn-link revokethis">收回</a>
							<a href="javascript:;" data-value="${data.id}" data-value-memo="${data.memo?if_exists}" class="btn-link memothis">备注</a>
							<a href="javascript:;" class="btn-link" onclick="window.open('${ctx}/order/addmore/${data.id}', '_blank', 'height=770,width=1220,scrollbars=yes,resizable=yes,alwaysRaised=yes,toolbar=no');">追加</a>
							<@shiro.hasPermission name='orderComplete'>
								<#if data.status==1 || data.status==2 || data.status==7>
									<a href="javascript:;" class="btn-link" onclick="window.open('${ctx}/order/complete/${data.id}', '_blank', 'height=500,width=900,scrollbars=yes,resizable=yes,alwaysRaised=yes,toolbar=no');">完工</a>
								</#if>
							</@shiro.hasPermission>
						</td>
					</tr>
					</#list>
				</table>
			</div>
		</div>
		</#if>
		
		<#if acceptlist?? && (acceptlist?size>0)>
		<div class="panel panel-danger">
			<div class="panel-heading">正在前往预约地</div>
			<div class="table-responsive">
				<table class="table table-condensed table-striped">
					<tr style="font-size:14px;">
						<th>单号</th>
						<@shiro.isMainCompany>
						<th>所属公司</th>
						</@shiro.isMainCompany>
						<th>类型</th>
						<th>来源</th>
						<th>预约时间</th>
						<th>预约地</th>
						<th>客户姓名</th>
						<th>客户电话</th>
						<th>接单服务人员</th>
						<th>服务人员电话</th>
						<th>接单时间</th>
						<th>操作</th>
					</tr>
					<#list acceptlist as data>
					<tr>
						<td>
							<a href="${ctx}/order/detail/${data.id}" class="btn-link">***${data.orderNumber?substring(8)}</a>
							<@zhuan>
								<#if data.orderCarType=="daijia">
									<span class="label label-danger status-td">代</span>
								<#elseif data.orderCarType=="zhuanche">
									<span class="label label-warning status-td">专</span>
								</#if>
							</@zhuan>
							<#if data.insurance??>
								<span class="label label-success status-td baoxian" title="${data.insurance.pinganNo?if_exists}#${data.insurance.insuranceNo?if_exists}">保</span>
							</#if>
						</td>
						<@shiro.isMainCompany>
						<td>${data.company.abbreviation?if_exists}</td>
						</@shiro.isMainCompany>
						<td>${data.orderType?if_exists}</td>
						<td>${data.fromSource?if_exists}</td>
						<td>${data.serverTime?string('MM/dd HH:mm')}</td>
						<td style="max-width:280px;">${data.fromPlace?if_exists}</td>
						<td>${data.clientName?if_exists}</td>
						<td>${data.clientPhone?if_exists}</td>
						<td>
							${data.driverRealName?if_exists}
						</td>
						<td>
							${data.driverPhone?if_exists}
						</td>
						<td>
							<#if data.chufaTime??>
								${data.chufaTime?string('MM/dd HH:mm')}
							</#if>
						</td>
						<td>
							<#if data.status==2>
								<@shiro.hasPermission name='powercancel'>
								<a href="javascript:;" data-value="${data.id}" class="btn-link powercancelthis">销单</a>
								</@shiro.hasPermission>
								<@shiro.hasPermission name='powerrevoke'>
									<#if !data.daijiaTime2??>
										<a href="javascript:;" data-value="${data.id}" class="btn-link powerrevokethis">收回</a>
									</#if>
								</@shiro.hasPermission>
							</#if>
							<a href="javascript:;" data-value="${data.id}" data-value-memo="${data.memo?if_exists}" class="btn-link memothis">备注</a>
							<a href="javascript:;" class="btn-link" onclick="window.open('${ctx}/order/addmore/${data.id}', '_blank', 'height=770,width=1220,scrollbars=yes,resizable=yes,alwaysRaised=yes,toolbar=no');">追加</a>
							<@shiro.hasPermission name='orderComplete'>
								<#if data.status==1 || data.status==2 || data.status==7>
									<a href="javascript:;" class="btn-link" onclick="window.open('${ctx}/order/complete/${data.id}', '_blank', 'height=500,width=900,scrollbars=yes,resizable=yes,alwaysRaised=yes,toolbar=no');">完工</a>
								</#if>
							</@shiro.hasPermission>
						</td>
					</tr>
					</#list>
				</table>
			</div>
		</div>
		</#if>
		
	</@shiro.hasPermission>
	
		
	<@shiro.hasPermission name='orderrealtime'>
		
		<#if daokehulist?? && (daokehulist?size>0)>
		<div class="panel" style="background:#af91ce;color:#ffffff">
			<div class="panel-heading">正在等待客户</div>
			<div class="table-responsive">
				<table class="table table-condensed table-striped">
					<tr style="font-size:14px;">
						<th>订单号</th>
						<@shiro.isMainCompany>
						<th>所属公司</th>
						</@shiro.isMainCompany>
						<th>预约时间</th>
						<th>预约地</th>
						<th>客户姓名</th>
						<th>客户电话</th>
						<th>接单服务人员</th>
						<th>服务人员电话</th>
						<th>到达时间</th>
						<th>已等待时间</th>
					</tr>
					<#list daokehulist as data>
					<tr>
						<td>
							<a href="${ctx}/order/detail/${data.id}" class="btn-link">***${data.orderNumber?substring(8)}</a>
							<@zhuan>
								<#if data.orderCarType=="daijia">
									<span class="label label-danger status-td">代</span>
								<#elseif data.orderCarType=="zhuanche">
									<span class="label label-warning status-td">专</span>
								</#if>
							</@zhuan>
							<#if data.insurance??>
								<span class="label label-success status-td baoxian" title="${data.insurance.pinganNo?if_exists}#${data.insurance.insuranceNo?if_exists}">保</span>
							</#if>
						</td>
						<@shiro.isMainCompany>
						<td>${data.company.abbreviation?if_exists}</td>
						</@shiro.isMainCompany>
						<td>${data.serverTime?string('MM/dd HH:mm')}</td>
						<td style="max-width:280px;">${data.fromPlace?if_exists}</td>
						<td>${data.clientName?if_exists}</td>
						<td>${data.clientPhone?if_exists}</td>
						<td>
							${data.driverRealName?if_exists}
						</td>
						<td>
							${data.driverPhone?if_exists}
						</td>
						<td>${data.daokehuTime?string('MM/dd HH:mm')}</td>
						<td data-value="${data.daokehuTime?datetime}" class="timecount"></td>
					</tr>
					</#list>
				</table>
			</div>
		</div>
		</#if>
		
		<#if wanchenglist?? && (wanchenglist?size>0)>
		<div class="panel panel-success">
			<div class="panel-heading"> 即将完成工单 <a id="initialise" class="pull-right" href="javascript:;">全部刷新</a></div>
			<div class="table-responsive">
				<table class="table table-condensed table-striped">
					<tr style="font-size:14px;">
						<th>订单号</th>
						<@shiro.isMainCompany>
						<th>所属公司</th>
						</@shiro.isMainCompany>
						<th>客户姓名</th>
						<th>客户电话</th>
						<th>接单服务人员</th>
						<th>服务人员电话</th>
						<th>出发时间</th>
						<th>目的地</th>
						<th>预计到达</th>
					</tr>
					<#list wanchenglist as data>
					<tr id="wancheng_${data.id}">
						<td>
							<a href="${ctx}/order/detail/${data.id}" class="btn-link">***${data.orderNumber?substring(8)}</a>
							<@zhuan>
								<#if data.orderCarType=="daijia">
									<span class="label label-danger status-td">代</span>
								<#elseif data.orderCarType=="zhuanche">
									<span class="label label-warning status-td">专</span>
								</#if>
							</@zhuan>
							<#if data.insurance??>
								<span class="label label-success status-td baoxian" title="${data.insurance.pinganNo?if_exists}#${data.insurance.insuranceNo?if_exists}">保</span>
							</#if>
						</td>
						<@shiro.isMainCompany>
						<td>${data.company.abbreviation?if_exists}</td>
						</@shiro.isMainCompany>
						<td>${data.clientName?if_exists}</td>
						<td>${data.clientPhone?if_exists}</td>
						<td>
							${data.driverRealName?if_exists}
						</td>
						<td>
							${data.driverPhone?if_exists}
						</td>
						<td>${data.daijiaTime2?string('MM/dd HH:mm')}</td>
						<td style="max-width:280px;">
							<#if data.hasToPlace>
								${data.toPlace}
							<#else>
								未知目的地
							</#if>
						</td>
						<td>
							<#if data.hasToPlace && data.driverLongitude?? && data.driverLatitude??>
								<span class="placeTime_span">
								</span>
								<a data-orderid="${data.id}" type="button" data-loading-text="正在加载..." class="getPlaceTime" href="javascript:;">
									刷新
								</a>
							<#else>
								未知目的地
							</#if>
						</td>
					</tr>
					</#list>
				</table>
			</div>
		</div>
		</#if>
		
	</@shiro.hasPermission>
	</@daijia>
		
	<@shiro.hasPermission name='workcar'>
		
		<#if picklist?? && (picklist?size>0)>
		<div class="panel panel-primary">
			<div class="panel-heading">未完成接送</div>
			<div class="table-responsive">
				<table class="table table-condensed table-striped">
				<tr style="font-size:14px;">
					<th>状态</th>
					<th>被接服务人员</th>
					<th>被接服务人员电话</th>
					<th>接送地点</th>
					<th>预计到达时间</th>
					<th>订单号</th>
					<th>接送服务人员</th>
					<th>操作</th>
				</tr>
				<#list picklist as data>
				<tr>
					<td>
						<#if data.status==0>
							<span class="label label-info">未接送</span>
						<#elseif data.status==1>
							<span class="label label-warning">准备接</span>
						<#elseif data.status==2>
							<span class="label label-danger">已接到</span>
						<#elseif data.status==3>
							<span class="label label-success">已完成</span>
						<#elseif data.status==4>
							<span class="label label-default">已取消</span>
						</#if>
					</td>
					<td>${data.driverName?if_exists}</td>
					<td>${data.driverPhone?if_exists}</td>
					<td>${data.place?if_exists}</td>
					<td <#if data.orderId??>id="wcp_statusstr_${data.orderId}"</#if>>${data.statusstr?if_exists}</td>
					<td>
						<#if data.orderId?? && data.orderNumber??>
							<a href="javascript:;" onclick="window.location=${ctx}'/order/detail/${data.orderId}?returnUrl='+window.location.href;" class="btn-link">
								***${data.orderNumber?substring(8)}
							</a>
						<#else>
							无
						</#if>
					</td>
					<td>${data.pikerName?if_exists}</td>
					<td>
						<#if data.status==0 || data.status==1>
							<a href="javascript:;" data-value="${data.id}" class="btn-link workcar_cancelthis">取消</a>
						</#if>
					</td>
				</tr>
				</#list>
			</table>
			</div>
		</div>
		</#if>
		
	</@shiro.hasPermission>
		
	<form class="form-horizontal" method="post">
		<div class="modal fade" id="dialog_cancel">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		        <h4 class="modal-title">输入销单原因</h4>
		      </div>
		      <div class="modal-body">
		      	<input type="hidden" name="id" id="dialog_cancel_id">
		      	
		      	<div class="form-group">
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="cancel_reason" value="与客户协商一致取消订单"> 与客户协商一致取消订单
							</label>
						</p>
		            </div>
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="cancel_reason" value="客户呼叫多人，只用先到服务人员"> 客户呼叫多人，只用先到服务人员
							</label>
						</p>
		            </div>
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="cancel_reason" value="客户拒接电话"> 客户拒接电话
							</label>
						</p>
		            </div>
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="cancel_reason" value="客户单方面取消"> 客户单方面取消
							</label>
						</p>
		            </div>
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="cancel_reason" value="other"> 其他
							</label>
						</p>
		            </div>
		        </div>
		      	
		      	<div class="form-group">
		            <div class="col-sm-12">
		                <textarea class="form-control" cols="20" id="dialog_cancel_content" name="content" rows="2" required></textarea>
		            </div>
		        </div>
		      </div>
		      <div class="modal-footer">
		    	<button type="button" class="btn btn-primary" id="ok_modal_cancel" action="${ctx}/order/cancelpost">提交</button>
		    	<button type="button" class="btn btn-default" id="close_modal_cancel">关闭</button>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div>
	</form>
		
	<form class="form-horizontal" method="post">
		<div class="modal fade" id="dialog_powercancel">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		        <h4 class="modal-title">输入销单原因</h4>
		      </div>
		      <div class="modal-body">
		      	<input type="hidden" name="id" id="dialog_powercancel_id">
		      	
		      	<div class="form-group">
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="powercancel_reason" value="与客户协商一致取消订单"> 与客户协商一致取消订单
							</label>
						</p>
		            </div>
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="powercancel_reason" value="客户呼叫多人，只用先到服务人员"> 客户呼叫多人，只用先到服务人员
							</label>
						</p>
		            </div>
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="powercancel_reason" value="客户拒接电话"> 客户拒接电话
							</label>
						</p>
		            </div>
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="powercancel_reason" value="客户单方面取消"> 客户单方面取消
							</label>
						</p>
		            </div>
		            <div class="col-sm-12">
		                <p class="form-control-static">
							<label style="padding-right:20px;">
								<input type="radio" name="powercancel_reason" value="other"> 其他
							</label>
						</p>
		            </div>
		        </div>
		      	
		      	<div class="form-group">
		            <div class="col-sm-12">
		                <textarea class="form-control" cols="20" id="dialog_powercancel_content" name="content" rows="2" required></textarea>
		            </div>
		        </div>
		      </div>
		      <div class="modal-footer">
		    	<button type="button" class="btn btn-primary" id="ok_modal_powercancel" action="${ctx}/order/powercancelpost">提交</button>
		    	<button type="button" class="btn btn-default" id="close_modal_powercancel">关闭</button>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div>
	</form>
		
	<form class="form-horizontal" method="post">
		<div class="modal fade" id="dialog_revoke">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		        <h4 class="modal-title">输入收回原因</h4>
		      </div>
		      <div class="modal-body">
		      	<input type="hidden" name="id" id="dialog_revoke_id">
		      	<div class="form-group">
		            <div class="col-sm-12">
		                <textarea class="form-control" cols="20" id="dialog_revoke_content" name="content" rows="2" required></textarea>
		            </div>
		        </div>
		      </div>
		      <div class="modal-footer">
		    	<button type="button" class="btn btn-primary" id="ok_modal_revoke" action="${ctx}/order/revokepost">提交</button>
		    	<button type="button" class="btn btn-default" id="close_modal_revoke">关闭</button>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div>
	</form>
		
	<form class="form-horizontal" method="post">
		<div class="modal fade" id="dialog_powerrevoke">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		        <h4 class="modal-title">输入收回原因</h4>
		      </div>
		      <div class="modal-body">
		      	<input type="hidden" name="id" id="dialog_powerrevoke_id">
		      	<div class="form-group">
		            <div class="col-sm-12">
		                <textarea class="form-control" cols="20" id="dialog_powerrevoke_content" name="content" rows="2" required></textarea>
		            </div>
		        </div>
		      </div>
		      <div class="modal-footer">
		    	<button type="button" class="btn btn-primary" id="ok_modal_powerrevoke" action="${ctx}/order/powerrevokepost">提交</button>
		    	<button type="button" class="btn btn-default" id="close_modal_powerrevoke">关闭</button>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div>
	</form>
		
	<form class="form-horizontal" method="post">
		<div class="modal fade" id="dialog_memo">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		        <h4 class="modal-title">添加订单备注</h4>
		      </div>
		      <div class="modal-body">
		      	<input type="hidden" name="id" id="dialog_memo_id">
		      	<div class="form-group">
		            <label class="col-sm-3 control-label">输入新备注：</label>
		            <div class="col-sm-9">
		                <textarea class="form-control" cols="20" id="dialog_memo_newcontent" name="memo" rows="2" required></textarea>
		            </div>
		        </div>
		        <div class="form-group">
		            <label class="col-sm-3 control-label">已有备注：</label>
		            <div class="col-sm-9">
		                <p class="form-control-static" id="dialog_memo_oldcontent"></p>
		            </div>
		        </div>
		      </div>
		      <div class="modal-footer">
		    	<button type="button" class="btn btn-primary" id="ok_modal_memo" action="${ctx}/order/memopost">提交</button>
		    	<button type="button" class="btn btn-default" id="close_modal_memo">关闭</button>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div>
	</form>
	
	<!--派单-->
	<div id="dialog_paidan" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
	  <div class="modal-dialog modal-lg">
	    <div class="modal-conten">
	     	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	    	<div>
		    <ul class="modal-paid">
		    	<input type="hidden" id="paidanOrderId" />
		    	<input type="hidden" id="paidanOrderLng" />
		    	<input type="hidden" id="paidanOrderLat" />
		     	<li class="modal-dtu hidden-xs">
		     		<div id="allmap" style="height:100%;width:100%;">
		     		</div>
		     	</li>
		     	<li class="modal-lbiao">
		     		<div class="modal-kehu">
		     			<p>客户姓名：<span id="paidanClientName"></span></p>
		     			<p>客户电话：<span id="paidanClientPhone"></span></p>
		     			<p>预约地址：<span id="paidanFromPlace"></span></p>
		     		</div>
		     		<div class="modal-sos">
		     			<div  class="row">
		     				<div class="col-xs-5">
		     					<span style=" line-height: 2.3;"><b>推荐服务人员</b></span>
		     				</div>
		     				<div class="col-xs-7">
		     					<select id="distance" style="width:163px;height:30px;padding:0;margin-right:3px;" class="form-control">
									<option value="5" selected="selected">5公里范围内查找</option>
									<option value="10">10公里范围内查找</option>
									<option value="15">15公里范围内查找</option>
									<option value="20">20公里范围内查找</option>
								</select>
							</div>
						</div>
		     		</div>
		     		<div class="modal-sj" id="paidanDrivers">
		     		</div>
		     	</li>
		    </ul>
		  	</div>   
	    </div>
	  </div>
	</div>
			
</@override>
<@override name="footer">

	<script type="text/javascript">
		window.daijia = {
			ctx:'${ctx}',
			userId:'<@shiro.principal property='id'/>'
		};
	</script>
	<script src="//api.map.baidu.com/api?v=2.0&ak=AuNk3YS21DSmHEEvIFDf9dbD" type="text/javascript"></script> 
	<script src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js" type="text/javascript"></script>
	<script src="${ctx}/assets/js/RichMarker_min.js" type="text/javascript"></script>
	<script src="${ctx}/assets/js/orderrealtime.js"></script>
	<script src="${ctx}/assets/js/pushmessage.js"></script>
</@override>
<@extends name="../layout.ftl"/>
